<template>
  <div>
    <button type="button" @click="test01">跨域请求演示</button>
    <button type="button" @click="test02">axios的gte请求</button>
    <button type="button" @click="test03">axios的post请求</button>
    
  </div>
</template>

<script>
  export default{
    name:"testAjax",
    methods:{
      test01(){//跨域请求演示
        $.ajax({
          url:"/exam/testAjax/test01",
          type:"get",
          data:{
            "name":"rock"
          },
          success:function(rs){
            console.log(rs);
          },
          error:function(rs){
            console.log("服务器连接错误!");
          }
        })
      },
      test02(){
        this.$http.get("/testAjax/test01",
                       { params:{"name":"rock"}}
                        ).then(function(rs){
                          console.log(rs);
                        }).catch(function(rs){
                          console.log("服务器连接错误");
                        })
      },
      test03(){
        this.$http.post("/testAjax/test03",
                        this.$qs.stringify({"name":"rock"})
                        ).then(function(rs){
                          console.log(rs);
                        }).catch(function(rs){
                          console.log("服务器连接错误");
                        })
      },
    }
  }
</script>

<style>
</style>
